<template>
  <div class="personaldata">
    <div class="personimg">
    <van-uploader v-model="fileList" multiple :max-count="1" preview-size="86px"
    
    />
    </div>
    <div class="person">
      <h1>个人信息</h1>
      <div class="Gender">
        <div>
          <span>性别</span>
        </div>
        <div>
          <span  @click="personal('小哥哥')">小哥哥</span>
        </div>
        <div>
          <span  @click="personal('小姐姐')">小姐姐</span>
        </div>
        <div>
          <span  @click="personal('保密')">保密</span>
        </div>
      </div>
      <div class="Nickname">
          <p>昵称</p>
          <input type="text" placeholder="请输入昵称">
      </div>
      <div class="birthday">
          <p>生日</p>
          <input type="date"  placeholder="请选择">
      </div>
       <div class="introduce">
          <p>简介</p>
          <!-- <input type="text"  placeholder="请选择"> -->
           <textarea cols="50" rows="10" >请输入描述...</textarea>
      </div>
      <div class="authentication">
          <h1>实名认证</h1>
          <span>（选填）</span>
      </div>
      <div class="upload">
          <div>
            <span>身份证正面</span>
             <input type="file">
          </div>
          <div>
             <span>身份证反面</span>
               <input type="file">
          </div>
      </div>
       <div class="Nickname">
          <p>姓名</p>
          <input type="text" placeholder="请输入姓名">
      </div>
      <div class="sss">
       <div class="NiID">
          <p>身份证</p>
          <input type="text" placeholder="请输入身份证">
      </div>
      </div>
      <div class="confirm"
      @click="personals"
      >
        <span>确认修改</span>
        </div>
    </div>
  </div>
</template>
<script src='./personaldata.js'>
</script>
<style lang="scss">
@import "./personaldata.scss";
</style>